
  <!DOCTYPE HTML>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  
    <title>归档 | 云淡天蓝’Blog</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, minimum-scale=1">
    
    <meta name="author" content="CuiHongbao">
    
    <meta name="description" content="I Have a Deam!">
    
    
    
    
    <link rel="alternative" href="/Tinnypp/atom.xml" title="云淡天蓝’Blog" type="application/atom+xml">
    
    
    <link rel="icon" href="/img/favicon.ico">
    
    
    <link rel="apple-touch-icon" href="/img/myLogo.png">
    <link rel="apple-touch-icon-precomposed" href="/img/myLogo.png">
    

  
    <link href="/css/font-awesome.min.css" rel="stylesheet">
    
  

    <link rel="stylesheet" href="/css/style.css">
    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?d182ed77fc48758bf45a33835ee35745";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

      <script type="text/javascript">
  (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
  (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
  e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
  })(window,document,'script','//s.swiftypecdn.com/install/v1/st.js','_st');

  _st('install','.............Add your swiftype userID...............');
</script>
</head>

    <body>
      <header>
        <div>
		
			<div id="textlogo">
				<h1 class="site-name"><a href="/" title="云淡天蓝’Blog">云淡天蓝’Blog</a></h1>
				<h2 class="blog-motto"></h2>
			</div>
			<div class="navbar"><a class="navbutton navmobile" href="#" title="菜单">
			</a></div>
			<nav class="animated">
				<ul>
                    <ul>
					 
						<li><a href="/">首页</a></li>
					
						<li><a href="/archives">归档</a></li>
					
						<li><a href="/categories/About">关于</a></li>
					
					<li>
					
						<form class="search" action="/search/index.html" method="get" accept-charset="utf-8">
						<label>Search</label>
						<input type="text" id="st-search-inpu" maxlength="20" placeholder="Search" />
						</form>
					
					</li>
                <!--<li><div class="closeaside"><a class="closebutton" href="#" title="隐藏侧边栏"></a></div></li>-->

				</ul>
			</nav>	
</div>
      </header>
      <div id="container" class="clearfix">
        

<div class="archive-title" >
  <h2 class="archive-icon">归档</h2>
  
  <div class="archiveslist archive-float clearfix">
   <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/12/">2016年 12月</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/09/">2016年 09月</a><span class="archive-list-count">2</span></li></ul>
 </div>
  
</div>
<div id="main" class="archive-part clearfix">
  <div id="archive-page">

  <section class="post" itemscope itemprop="blogPost">
  <article>
    <h1 itemprop="name">
      
        <a href="/2016/12/07/About/" title="关于" itemprop="url">
      
        关于
      </a>
    </h1>
    
    <p class="article-more-link">
      <time datetime="2016-12-07T07:04:19.000Z" itemprop="datePublished">2016-12-07</time>
      
          <a href="/2016/12/07/About/">阅读更多&raquo;</a>
      
    </p>

  </article>
</section>

  <section class="post" itemscope itemprop="blogPost">
  <article>
    <h1 itemprop="name">
      
        <a href="/2016/12/07/hello-world/" title="Hello World" itemprop="url">
      
        Hello World
      </a>
    </h1>
    
    <p class="article-more-link">
      <time datetime="2016-12-07T07:04:19.000Z" itemprop="datePublished">2016-12-07</time>
      
          <a href="/2016/12/07/hello-world/">阅读更多&raquo;</a>
      
    </p>

  </article>
</section>

  <section class="post" itemscope itemprop="blogPost">
  <article>
    <h1 itemprop="name">
      
        <a href="/2016/09/22/猎豹_interView/" title="一些基础的面试题" itemprop="url">
      
        一些基础的面试题
      </a>
    </h1>
    
    <p class="article-more-link">
      <time datetime="2016-09-22T09:11:59.000Z" itemprop="datePublished">2016-09-22</time>
      
          <a href="/2016/09/22/猎豹_interView/">阅读更多&raquo;</a>
      
    </p>

  </article>
</section>

  <section class="post" itemscope itemprop="blogPost">
  <article>
    <h1 itemprop="name">
      
        <a href="/2016/09/19/react-native/" title="关于react-native的demo如何运行起来..." itemprop="url">
      
        关于react-native的demo如何运行起来...
      </a>
    </h1>
    
    <p class="article-more-link">
      <time datetime="2016-09-19T07:48:27.000Z" itemprop="datePublished">2016-09-19</time>
      
          <a href="/2016/09/19/react-native/">阅读更多&raquo;</a>
      
    </p>

  </article>
</section>


  </div>
</div>

      </div>
    <footer><div id="footer" >
	<div class="copyright">
		<span>Powered by <a href="https://github.com/hexojs/hexo">Hexo</a> and theme by 
		<a href="https://github.com/levonlin/Tinnypp">Tinnypp</a>.</span>
		
			<span>© 云淡天蓝</span>
		
	<div>
</div></footer>
    <script src="/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  //back to top
  function backToTop(){
    var buttonHTML = $("<a href=\"#top\" id=\"back-top\">" + "<span>Back to Top</span></a>");
    buttonHTML.appendTo($("body"));
    var buttonToTop = $("#back-top");
    // hide #back-top first
    buttonToTop.hide();

    // fade in #back-top
    $(function() {
        $(window).scroll(function() {
            if ($(this).scrollTop() > 200) {
                buttonToTop.fadeIn();
            } else {
                buttonToTop.fadeOut();
            }
        });
        // scroll body to 0px on click
        buttonToTop.click(function() {
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    });
  }
  backToTop();

  $('.navbar').click(function(){
    $('header nav').toggleClass('shownav');
  });
  var myWidth = 0;
  function getSize(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
  };
  var m = $('#main'),
      a = $('#asidepart'),
      c = $('.closeaside'),
      ta = $('#toc.toc-aside');
  $(window).resize(function(){
    getSize(); 
    if (myWidth >= 1024) {
      $('header nav').removeClass('shownav');
    }else
    {
      m.removeClass('moveMain');
      a.css('display', 'block').removeClass('fadeOut');
        
    }
  });

  var show = true;
  c.click(function(){
    if(show == true){
        a.addClass('fadeOut').css('display', 'none');
        ta.css('display', 'block').addClass('fadeIn');
        m.addClass('moveMain');  
    }else{
        a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');     
        ta.css('display', 'none'); 
        m.removeClass('moveMain');
        $('#toc.toc-aside').css('display', 'none');
    }
    show = !show;
  });
});
</script>





<script type="text/javascript">
  function footerPosition() {
    var contentHeight = document.documentElement.scrollHeight,
        winHeight = window.innerHeight;
    if(contentHeight <= winHeight) {
      $('footer').addClass('fixed-bottom');
    } else {
      $('footer').removeClass('fixed-bottom');
    }
  }
  footerPosition();
  $(window).resize(footerPosition);
</script>


    </body>
   </html>
